<?php
// Iniciamos sesión
session_start();
// Incluímos variables y funciones de login
include "vars.php";
require 'helpers/login.php';
?>
<html>
    <head>
        <title>Alumno FCT</title>
        <!-- Codificación UTF8 -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" media="screen, print, projection, tv, handheld"
              href="styles/album.css">
        <link rel="stylesheet" media="screen, print, projection, tv, handheld"
              href="styles/photo.css">
    </head>
    <body>
        <?php require 'helpers/photo.php' ?>

        <!-- Cabecera de la web -->
        <?php require 'views/layout/header.php' ?>

        <!-- Contenido principal de la web -->
        <div id="main">
            <?php
            $photo_id = $_GET['id'];
            if (array_key_exists($photo_id, $photos)) {
                $photo = $photos[$photo_id] ?>
                <!-- Flechas para ir a la foto anterior o siguiente -->
                <div id="navigation">
                    <?php echo link_to_previous_photo($photo_id) ?>
                    <?php echo link_to_next_photo($photo_id) ?>
                    <!-- Información del número de la actual foto -->
                    <?php echo photo_position($photo['n_photo'], count($photos)) ?>
                </div>

                <!-- Título de la foto -->
                <h2><?php echo $photo['title'] ?></h2>

                <!-- Foto y su descripción -->
                <div id="photo">
                    <?php echo photo_tag($photo) ?>
                    <p class="description"><?php echo $photo['description'] ?></p>
                </div>

                <!-- Comentarios y formulario para introducir uno nuevo -->
                <?php require 'views/comments.php' ?>
            <?php } else { ?>
              <div id="not_found">Foto no encontrada</div>
            <?php } ?>
        </div>

        <?php require 'views/layout/footer.php' ?>
    </body>
</html>